<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8"> 
	<title>账号出售-出租-常见问题</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/swiper.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/index.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/page.css}">
	<style>
		/* 设置滚动条的样式 */
		::-webkit-scrollbar {
			width:12px;
		}
		/* 滚动槽 */
		::-webkit-scrollbar-track {
			-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
			border-radius:10px;
		}
		/* 滚动条滑块 */
		::-webkit-scrollbar-thumb {
			border-radius:10px;
			background:rgba(0,0,0,0.1);
			-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
		}
		::-webkit-scrollbar-thumb:window-inactive {
			background:rgba(255,0,0,0.4);
		}
	</style>
	<script th:src="@{/page/js/jq.js}"></script>
</head>
<body>
<div class="w100 bgr">
	<div class="header">
		<div class="logo">
			<h1>账号出售-出租-FQA</h1>
		</div>
		<div class="search">
			<form action="" method="">
				<input type="search" placeholder="请输入关键字进行查找.."/>
				<button id="search-bth">搜索</button>
			</form>
		</div>
		<div class="clear"></div>
	</div>
</div>
<div class="w100 bgy non">
	<div class="nav">
		<a href="/">首页</a>
		<a href="/question">常见问题</a>
		<a href="/answer">流程介绍</a>
	</div>
</div>
<div class="main">
	<h2 class="q_tit">常见问题及解答</h2>
	<div class="list">
		<ul>
			<li>常见问题及解答常见<span class="top">置顶</span></li>
			<li>常见问题及解答常见<span class="top">置顶</span></li>
			<li>常见问题及解答常见</li>
			<li>常见问题及解答常见</li>
			<li>常见问题及解答常见</li>
			<li>常见问题及解答常见</li>
			<li>常见问题及解答常见</li>
			<li>常见问题及解答常见</li>
			<li>常见问题及解答常见</li>
		</ul>
	</div>
	<div class="clear"></div>
	<div style="text-align: center;margin:10px auto;">
		<div id="pager" class="pager clearfix">
		</div>
	</div>
</div>
<div class="copyright">
	<p><a href="javascript:void(0)">账号出售-出租</a></p>
</div>
<div class="tabbar">
	<div class="tabbox">
		<a href="/"><div class="icon icon1"></div><p>首页</p></a>
	</div>
	<div class="tabbox">
		<a href="/question"><div class="icon icon2"></div><p>常见问题</p></a>
	</div>
	<div class="tabbox">
		<div class="icon icon4"></div>
		<p>返回顶部</p>
	</div>
</div>
<script th:src="@{/page/js/swiper.js}"></script>
<script th:src="@{/page/js/index.js}"></script>
<script th:src="@{/page/js/jquery.z-pager.js}" type="text/javascript" charset="utf-8"></script>
<script>
	var pageStepnum,pageDatanum
	if($(window).width() <  330){
		pageStepnum = 4
	}else{
		pageStepnum = 6
	}
	if($(window).width() <  440){
		pageDatanum = 9
	}else{
		pageDatanum = 12
	}
	$("#pager").zPager({
		totalData: 180,
		pageData: pageDatanum,
		minPage: 3,
		pageStep: pageStepnum, //当前可见最多页码个数
		ajaxSetData: false,
		active: 'current', //当前页码样式
		prevBtn: 'pg-prev', //上一页按钮
		nextBtn: 'pg-next', //下一页按钮
		btnBool: true, //是否显示上一页下一页
		firstBtn: 'pg-first', //第一页按钮
		lastBtn: 'pg-last', //最后一页按钮
		btnShow: false, //是否显示第一页和最后一页按钮
		disabled: true, //按钮失效样式
	});
	$("#search-bth").click(function () {
		alert('请回首页搜索')
	});
	function currentPage(currentPage){
		console.log("当前页码数：" + currentPage);
	}
	
</script>
</body>
</html>